<template>
  <div class="footer" >
      <van-tabbar v-model="active" route>
  <van-tabbar-item to="/"  icon="home-o">首页</van-tabbar-item>
  <van-tabbar-item to="/cart"  icon="search">购物车</van-tabbar-item>
  <van-tabbar-item to="/user"  icon="friends-o">我的</van-tabbar-item>
 
</van-tabbar>
    </div>
</template>

<script setup>
import { ref } from 'vue';
  const active = ref(0);
</script>

<style lang="scss" scoped>

</style>